<template>
  <div>
    <div class="new_title">专题精选</div>
    <van-swipe :loop="false" :width="350">
      <van-swipe-item v-for="item in topiclist" :key="item.id">
        <img :src="item.item_pic_url" alt />
        <div>
          <p>
            <span>{{item.title}}</span>
            <span class="price_info">￥{{item.price_info}}元起</span>
          </p>
          <p class="t_12">{{item.subtitle}}</p>
        </div>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  props: ["topiclist"]
};
</script>

<style lang="less" scoped>
.new_title {
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  background-color: #fff;
}
.van-swipe .van-swipe-item {
  color: #000;
  font-size: 16px;
  // line-height: 150px;
  text-align: left;
  background-color: #fff;
  padding-left: 14px;
  box-sizing: border-box;
  &:last-child {
    padding-right: 14px;
  }
  img {
    width: 100%;
    height: 187px;
  }
  .price_info {
    color: red;
  }
  .t_12 {
    font-size: 12px;
  }
}
</style>

<template>
  
</template>

<script>
export default {

}
</script>

<style>

</style>